
.chover{
      opacity: .5;
      color: #ff4040;
}
.category-list {
    background: #fff;
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 10;
    .category-list-item {
            display: inline-block;
            height: 100rpx;
            line-height: 100rpx;
            &.act{
                  border-bottom: solid 2px #ff4040;
                  color: #ff4040;
            }
      }
}



.category-list-item.act {
    
}
.msg{
      background: #fff;
      padding: 25rpx 0;
      padding-bottom: 10rpx;
      border-bottom: solid 1rpx #EBEBEB;
      margin-bottom: 10rpx;
      .avatar{
            margin-left: 10rpx;
            text{
                  display: inline-block;
                  width: 70rpx;
                  height: 70rpx;
                  background-size: cover;
                  background-repeat: no-repeat;
                  background-position: center;
                  border-radius: 50%;
            }
      }
      .nickname{
            font-size:32rpx;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 50rpx;
      }
      .time{
            color: #888;
            font-size: 8pt;
            line-height: 20rpx;
      }
      .watch{
            line-height: 70rpx;
            margin-right: 20rpx;
            transform: scale(.9)
            text{
                  background-image: url(http://img.zhxcxmall.com/static/keep-goods.png);
                  background-size: 30rpx;
                  background-repeat: no-repeat;
                  background-position: left ;
                  background-position-x: 25rpx;
                  padding: 10rpx 25rpx;
                  padding-left: 60rpx;
                  border: solid 1rpx #ccc;
                  border-radius: 40rpx;
                  line-height: 100%;
                  color: #ccc;
                  &.act{
                        border-color: #FF2F28;
                        color: #FF2F28;
                        background-image: url(http://img.zhxcxmall.com/static/keep-goods1.png);
                  }
            }
      }

      .content{
            margin-left:80rpx;
            margin-right: 20rpx;
            .img-box{
                  
            }
      }
      .action{
            .comment,.like,.drop{
                  display: inline-block;
                  background-image: url(http://img.zhxcxmall.com/static/dy-comment.png);
                  background-size: 30rpx;
                  background-repeat: no-repeat;
                  background-position: left ;
                  padding: 10rpx 20rpx;
                  padding-left: 35rpx;
                  color: #888;
                  margin-left: 5rpx;
                  height: 30rpx;
                  vertical-align: middle;
                  background-position-y: 16rpx;
            }
            .drop{
                  background-image: url(http://img.zhxcxmall.com/static/icon/ico-delete.png);
                  background-size: 28rpx;
            }
            .like{
                  background-image: url(http://img.zhxcxmall.com/static/dy-like.png);
                  &.act{
                        background-image: url(http://img.zhxcxmall.com/static/dy-like2.png);
                  }
            }

      }
      .comment-list{
            margin: 10rpx;
            padding: 10rpx;
            margin-bottom: 0;
            .name,.c{
                  font-size: 9pt;
                  color: #686868;
            }
            .c{
                  color: #484848;
            }
            .comment-item{
                  .self{
                        &:hover{
                        }
                  }
            }
      }
      .more-comment{
            color: #555;
      }
}


.goods{
      background: #fff;
      padding: 25rpx 20rpx;
      padding-bottom: 10rpx;
      border-bottom: solid 1rpx #EBEBEB;
      margin-bottom: 10rpx;
      &:first-of-type{
            margin-top: 10rpx;
      }
      .title{
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp:2;
      }
      .link{
            
      }
}
.c-mask {
    z-index: 100;
    .create-comment {
            width: 80%;
            background: #fff;
            top: 50%;
            left: 50%;
            position: relative;
            transform: translate(-50%, -50%);
            border-radius: 10rpx;
            flex-direction: column;
            overflow: hidden;
            .cancel{
                  color: #888;
            }
            .submit-comment {
                  color: #63cc42;
            }
      }
}
.new-msg{
      position: fixed;
      bottom: 50px;
      right: 20px;
      width: 80rpx;
      height: 80rpx;
      border-radius: 50%;
      box-shadow: 1px 1px 10px rgba(0,0,0,.2);
      background: #fff;
      z-index: 98;
      line-height: 80rpx;
      text-align: center;
      color: #FF2F28;
      background-image:url(http://img.zhxcxmall.com/static/circle-open.png);
      background-size:35rpx;
      background-repeat:no-repeat;
      background-position: center;
}





